<div id="city-bar" style=" height: 100%">

</div>
<script type="text/javascript">
    $(function () {
        loadbar();
    })

    function loadbar() {
        var param = Form.getParams($("#form"));
        $("#city-bar").empty();
        $.ajax({
            url: "#springUrl('/network/city/barManGroup')",
            data: param,
            type: "POST",
            success: function (text) {
                var d = JSON.parse(text);
                if (d.success && d.data) {
                    var myChart = echarts.init(document.getElementById('city-bar'), 'macarons');
                    var option = {
                        title: {
                            text: '人员配置',
                            subtext: '纯属虚构',
                            show: false
                        },
                        tooltip: {
                            trigger: 'axis'
                        },
                        legend: {
                           // data: ['料架数', '配送人员', "回收人员"]
                        },
                        toolbox: {

                        },
                        calculable: true,
                        xAxis: [
                            {
                                type: 'category',
                                data: d.data.x,
                                axisLabel:{
                                    show:true,
                                    textStyle:{
                                        color:"#595959"
                                    }
                                },
                                axisLine: {
                                    show: false
                                },
                                axisTick: {
                                    show: false
                                },
                            }
                        ],
                        yAxis: [
                            {
                                type: 'value',
                                axisLine: {
                                    show: false
                                },
                                axisTick: {
                                    show: false
                                },
                                axisLabel: {
                                    formatter: function(value){
                                        var var1=value*1;
                                        return var1;
                                    },
                                    textStyle:{
                                        color:"#595959"
                                    }
                                },
                                splitLine:{
                                    show:true
                                },
                                splitArea: {
                                    show: true,
                                    areaStyle: {
                                        color: ['rgba(0,0,0,0)', 'rgba(0,0,0,0)']
                                    }
                                },
                            }
                        ],
                        grid: {
                            left: '3%',
                            right: '8%',
                            bottom: '5%',
                            top:'8%',
                            containLabel: true
                        },
                        series: [
                            {
                                name: '料架数',
                                type: 'bar',
                                data: d.data.s1,
                                markPoint: {
                                    data: [
                                        {type: 'max', name: '最大值'},
                                        {type: 'min', name: '最小值'}
                                    ],
                                    itemStyle:{
                                        emphasis:{
                                            label:{
                                                show:true
                                            }
                                        }
                                    }
                                },
                                markLine: {
                                    data: [
                                        {type: 'average', name: '平均值'}
                                    ]
                                },
                                itemStyle: {
                                    normal: {
                                        //好，这里就是重头戏了，定义一个list，然后根据所以取得不同的值，这样就实现了，
                                        color:'#4472c4'
                                        //以下为是否显示，显示位置和显示格式的设置了
                                    }}
                            },
                            {
                                name: '配送人员',
                                type: 'bar',
                                data: d.data.s2,
                                itemStyle: {
                                    normal: {
                                        //好，这里就是重头戏了，定义一个list，然后根据所以取得不同的值，这样就实现了，
                                        color:'#d9d9d9'
                                        //以下为是否显示，显示位置和显示格式的设置了
                                    }}
                            }, {
                                name: '回收人员',
                                type: 'bar',
                                data: d.data.s3,
                                itemStyle: {
                                    normal: {
                                        //好，这里就是重头戏了，定义一个list，然后根据所以取得不同的值，这样就实现了，
                                        color:'#0fa99d'
                                        //以下为是否显示，显示位置和显示格式的设置了
                                    }}
                            }
                        ]
                    };
                    myChart.setOption(option);
                }
            },
            error:function (text) {
                $("#city-bar").empty();
                var div1="<div type='text' style='padding-top:15%' class=' text-center  '>查询数据异常</div>"
                $("#city-bar").prepend(div1);
            }
        })
    }
</script>
